<template>
   <div>
       <div class="img_wp" v-for="(v,i) in weekendlist" :key="i">
        <div class="img">
            <img :src="v.imgUrl">
        </div>
        <h3>{{v.title}}</h3>
        <p>{{v.desc}}</p>
       </div>
   </div>
</template>

<script>
export default {
  name: "weekgo",
  props: ['weekendlist'],
  data() {
    return {};
  }
};
</script>

<style scoped>
    .img{
        width: 100%;
        height: 280px;
    }
    .img img{
        width: 100%;
    }
    h3,p{
        padding: 0 10px 20px;
    }
    h3{
        padding-top: 20px;
        font-size: 28px;
    }
    p{
        font-size: 26px;
        color: #cacaca;
        padding-bottom: 20px;
    }
</style>
